
<div id="sidebar">
	<h2 style="text-align:center;margin-bottom:2px; border:none;height:25px; ">{$news}</h2>
	<p style="padding-bottom:10px;border-bottom: 1px solid #B6BFD0;text-align:center;margin-bottom:15px;font-size:12px;color:#888; ">{$newsDesc}</p>
	
	{$event_item}
	<div class="viewall"><a href="{$root}event"  style="font-size:12px">View all...</a></div>
    	
</div>
<!-- end #sidebar -->
<div id="content">
	<h2 style="margin:10px 0">{$subcEvent}</h2>
	
	<div class="event-form">
		<form method="POST" action="" id="loginForm"> 
			<div class="form-login">
					<h3 class="title" style="text-align:center; color:#eee ">{$loginf}</h3> 
					<p style="text-align: center; color:#777">{$enter_pass}</p>
					<div class="profile-content"> 
						<p class="msg">{$msg}</p>
						<div class="profile-row" style="margin-bottom:15px">
							<div class="left-content-login">{$username} :</div>
							<div class="rght-content"><input  id="username" name="username" value="{$getUsername}" type="text" class="subc-input" /> </div>
						</div>
						<div class="profile-row" style="margin-bottom:25px">
							<div class="left-content-login">{$password} :</div>
							<div class="rght-content"><input id="password" name="password" value="{$getPass}" type="password" class="subc-input"/></div>
						</div>
						
					</div>
					<input type="submit" class="button1" value="Login" name="register" style="margin-left: 30px;"/>
					<a href="{$root}member" style="margin-left:10px;">{$register} | </a>
					<a href="{$root}users/forgot" > {$forgot}</a>
			        <input type="hidden" name="app" value="authenticate" />
			        <input type="hidden" name="act" value="login" />
					<!-- <a href="{$fogotpassword}">Forgot password</a> -->
					
				</div>
			</form>
	<form method="POST" action="" id="subcriptionForm">
		<div class="subcription-form">
			<h3 class="title" style="text-align:center; color:#eee ">{$subcf}</h3> 
			<p style="text-align: center; color:#777">{$sdesc}</p>
			<div class="warning" style="margin:-10px 0 10px">{$warning}</div>
			<table class="subcr-table">
				<tr>
					<td>{$fullname}: </td>
					<td> <input type="text" value="{$susername}" name="name" size="27" class="subc-input"/><font color="#FF0000"> &nbsp;(*)</font></td>
				</tr>
				<tr>
					<td>{$birthday}:</td>
					<td>
					<input class="subc-input notImgDatepicker" type="text" id="datepicker" name="birthday" value="{$sbirthday}" size="27" /><font color="#FF0000"> &nbsp;(*)</font>
					</td>
				</tr>
				<tr>
					<td>{$phone}:</td>
					<td><input type="text"  value="{$sphone}" id="phone" name="phone" size="27" class="subc-input"/><font color="#FF0000"> &nbsp;(*)</font></td>
				</tr>
				<tr>
					<td>{$email}:</td>
					<td><input type="text" value="{$semail}" id="cemail" name="email" size="27" class="subc-input"/><font color="#FF0000"> &nbsp;(*)</font></td>
				</tr>
				<tr>
					<td>{$address}:</td>
					<td><input type="text" value="{$saddress}" name="address" size="27" class="subc-input"/><font color="#FF0000"> &nbsp;(*)</font></td>
				</tr>
				<tr>
					<td>{$company}:</td>
					<td><input type="text" value="{$scompany}" name="company" size="27" class="subc-input"/></td>
				</tr>
				<tr>
					<td></td>
					<td><input style="margin-left:10px;" type="submit" class="joint-event" value="{$join_event}" name="subcript"/></td>
				</tr>
			</table>
		</div>
	</form>		

	</div>
	 <script>
  $(document).ready(function() {
    $(".notImgDatepicker").datepicker({
        });
  });

  $(document).ready(function(){
    //$("#subcriptionForm").validate();
  });
  $("#subcriptionForm").validate({
	  rules: {
		  email: {
	      	required: true,
	     	 email: true
	    },
	    phone: {
	      	required: true,
	     	 number: true
	    }
	  }
	});
 

  </script>
	
</div>